<template>
  <div>
    <h2 class="mb10">Video 播放器基本使用</h2>
    <Video :src="src" :poster="poster" />
    <h2 class="mt30 mb10">自动播放</h2>
    <Video autoplay :src="src" :poster="poster" />
    <h2 class="mt30 mb10">自动截取视频指定帧作为视频封面</h2>
    <Video :src="src" :second="3" />
  </div>
</template>
<script>
import Video from '@/components/VideoAndAudio/Video.vue'
export default {
  name: 'VideoPlay',
  components: {
    Video
  },
  data () {
    return {
      src: require('@/assets/video/elf.mp4'), // 相对路径
      // src: 'https://www.bilibili.com/f41ccfc7-cd24-43ad-bc92-60b541f2e65f',
      // poster: require('@/assets/images/Bao.jpg'),
      poster: ''
    }
  }
}
</script>